import React,{useEffect,useState} from 'react'

export default function ClickedTimer() {
  const [count,setCount]=useState(0)
  const [name,setName]=useState('')
  //没有第二参数，是在模拟componentDidMount和componentDidUpdate
  //这种情况就是在检测所有的页面的状态，如果页面的任意一个状态发生变法都会触发useEffect回调函数的执行
  useEffect(()=>{
    console.log('---------------');
    document.title=`you clicked ${count}`
  },[count,name])
  return (
    <div>
        <div>{count}</div>
        <button onClick={()=>{
            setCount(count+1)
        }}>+1</button>
        <hr />
        <div>{name}</div>
        <button onClick={()=>{
            setName("张三")
        }}>更改</button>
    </div>
  )
}
